<section class="content-header">
    <h1>景区详情</h1>
</section>

<section class="content">
    <div class="box box-primary">
        <div class="box-header">
            <div class="box-tools pull-right">
                <a class="btn btn-block btn-primary" href="#/regionsEdit/{{regions.region_id}}"><i class="fa fa-pencil small-pr"></i>修改景区详情</a>
            </div>
            <i class="pull-left fa big-fa" ng-class="regions.is_hot ? 'fa-star' : 'fa-star-o'" ng-click="regionHot(regions)"></i>
        </div>
        <div class="box-body">
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区ID</div>
                <div class="col-sm-9">{{regions.region_id}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区编号</div>
                <div class="col-sm-9">{{regions.code}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区名称</div>
                <div class="col-sm-9">{{regions.name}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区简介</div>
                <div class="col-sm-9">{{regions.brief}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区价格</div>
                <div class="col-sm-9">{{regions.amount}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">预订文案</div>
                <div class="col-sm-9">{{regions.memo}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">入场次数</div>
                <div class="col-sm-9">{{regions.entrance_count}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区地址</div>
                <div class="col-sm-9">{{regions.address}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区电话</div>
                <div class="col-sm-9">{{regions.tel}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区标签</div>
                <div class="col-sm-9">{{regions.tags}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">开放时间</div>
                <div class="col-sm-9">{{regions.public_time}}</div>
            </div>
            <div class="detail-block ovh" ng-if="regions.region_type == 1">
                <div class="col-sm-2 detail-label">入园时间</div>
                <div class="col-sm-9">{{regions.entrance_time}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">所属公司</div>
                <div class="col-sm-9">{{regions.company}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">所在省</div>
                <div class="col-sm-9">{{regions.province}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">所在城市</div>
                <div class="col-sm-9">{{regions.city}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">点赞次数</div>
                <div class="col-sm-9">{{regions.star_count}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">经度</div>
                <div class="col-sm-9">{{regions.lng}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">纬度</div>
                <div class="col-sm-9">{{regions.lat}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">坐标有效范围</div>
                <div class="col-sm-9">{{regions.buffer_distance}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">最小成团人数</div>
                <div class="col-sm-9">{{regions.min_visitor_count}}人</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">最大成团人数</div>
                <div class="col-sm-9">{{regions.min_visitor_count}}人</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">预售期</div>
                <div class="col-sm-9">{{regions.presale}}天</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区类型</div>
                <div class="col-sm-9">{{regions.region_type_desc}}</div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区封面</div>
                <div class="col-sm-9 img-content"><img ng-src="{{regions.cover_image}}?imageView2/2/w/100/h/100" width="100" height="100" /></div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区缩略图</div>
                <div class="col-sm-9 img-content"><img ng-src="{{regions.thumbnail}}?imageView2/2/w/100/h/100" width="100" height="100" /></div>
            </div>
            <div class="detail-block ovh">
                <div class="col-sm-2 detail-label">景区内容</div>
                <div class="col-sm-9 region-content"></div>
            </div>
            <div class="detail-block ovh" style="margin-top: 50px;">
                <div class="col-sm-6" style="float: none;margin: 0 auto;"><button class="btn btn-block btn-danger btn-sm" ng-click="deleteRegion()">删除景区</button></div>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="box box-primary">
        <div class="box-header">
            <i class="ion ion-clipboard"></i>
            <h3 class="box-title">景点列表</h3>
            <div class="box-tools pull-right">
                <a class="btn btn-block btn-primary" href="#/spotsCreat/{{regions.region_id}}"><i class="fa fa-plus small-pr"></i>创建景点</a>
            </div>
        </div>
        <div class="box-body">
            <ul class="todo-list" ng-sortable="spotSort">
                <li ng-repeat="spot in regions.spots">
                    <a class="display-block" href="#/spotsDetail/{{regions.region_id}}/spot/{{spot.spot_id}}">
                        <span class="handle">
                          <i class="fa fa-ellipsis-v"></i>
                          <i class="fa fa-ellipsis-v"></i>
                        </span>
                        <span class="text"><strong>{{spot.name}} </strong>{{spot.code}}</span>
                    </a>
                    <div class="tools">
                        <i class="fa" ng-class="spot.is_hidden ? 'fa-eye-slash' : 'fa-eye'" ng-click="spotHidden(spot)"></i>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>